<template>
    <div>
        <h2>文章页</h2>
        <p>类型：{{ $route.query.desc || '无数据' }}</p>
        <p>城市：{{ $route.query.city || '无数据'}}</p>
    </div>
  </template>
  
  <script>
  export default {
      name:'ArticleIndex',
      created(){

          // this.$route 获取的是当前路由相关信息

          // $route Vue内置的一些对象
          console.log(this.$route) 
          console.log(this.$route.query.desc)
          console.log(this.$route.query.city)
      }
    // /article?desc=%E7%BE%8E%E9%A3%9F&city=%E9%87%8D%E5%BA%86
    // URL编码
    // 编码：encodeURIComponent()
    // 解码：decodeURIComponent()

  }
  </script>
  
  <style>
  
  </style>